@import "../css/var.less";
@import "../css/public.less";

.main-mains{
    .main-top-nav{
        ul{
            li{
                cursor: pointer;
            }
        }
    }
    .wealth-main-mains{
        background: #fff;
        padding: 20px 0;
        font-size: 14px;
        .wealth-main-mains-top{
            height: 100px;
            line-height: 100px;
            text-align: center;
            margin: 0 20px;
            background: #f8f8f8;
            font-size: 18px;
            color: #202020;
            font-weight: bold;
        }
        .wealth-main-mains-sel{
            height: 72px;
            border-bottom: 1px solid #dcdfe6;
            padding-top: 22px;
            padding-left: 20px;
            div{
                width: 78px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                background: #0db4b9;
                cursor: pointer;
                color: #ffffff;
                border-radius: 4px;
                margin-right: 10px;
                font-size: 14px;
            }
            .wealth-main-mains-sel-clear{
                border: 1px solid #dae0e0;
                background: #fff;
                color: #202020;
            }
        }
        .wealth-main-mains-table{
            padding: 20px;
            table{
                th,td{
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    span{
                        color: #0db4b9;
                        cursor: pointer;
                    }
                }
                th{
                    background: #f2f2f2;
                }
                .active{
                    background: #f8f8f8;
                }
            }
           
        }
        .wealthss-main-top{
            height: 100px;
            background: #f2f2f2;
            padding-top: 25px;
            .w50{
                width: 50%;
                &:nth-child(1){
                    div{
                        &:nth-child(1){
                            width: 100px;
                            text-align: center;
                        }
                        &:nth-child(2){
                            p{
                                &:nth-child(1){
                                    font-size: 30px;
                                    color: #000000;
                                    font-weight: bold;
                                }
                            }
                        }
                    }
                }
                &:nth-child(2){
                    p{
                        line-height: 24px;
                        span{
                            width: 5px;
                            height: 5px;
                            display: inline-block;
                            background:#0db4b9;
                            border-radius: 100%;
                            margin-right: 10px;
                        }
                        .active{
                            width: 100px;
                            height: 20px;
                            border-radius: 0px;
                            background: #f2f2f2;
                            color: #0db4b9;
                            margin-left: 47px;
                            cursor: pointer;
                        }
                    }
                }
            }
        }
        .wealthss-main-add{
            height: 72px;
            border-bottom: 1px solid #dcdfe6;
            padding-top: 22px;
            padding-left: 20px;
            div{
                width: 116px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                background: #0db4b9;
                cursor: pointer;
                color: #ffffff;
                border-radius: 4px;
                margin-right: 10px;
                font-size: 14px;
            }
        }
        .wealthss-main-table{
            table{
                td,th{
                    height: 40px;
                    line-height: 40px;
                    text-align: center;
                    span{
                        color: #0db4b9;
                        cursor: pointer;
                        &:nth-child(2){
                            margin-left: 20px;
                        }
                    }
                }
                th{
                    background: #f2f2f2;
                }
                .active{
                    background: #f8f8f8;
                }

            }
        }
    }

}
.bob-systemPopup{
    width: 536px;
    padding: 30px;
    .bob-systemPopup-l{
        width: 90px;
        height: 40px;
        line-height: 40px;
        margin-bottom: 30px;
    }
    .el-input{
        width: 360px;
    }
    .bob-systemPopup-btn{
        padding-left: 90px;
        div{
            width: 90px;
            height: 32px;
            line-height: 32px;
            text-align: center;
            background: #0db4b9;
            cursor: pointer;
            color: #ffffff;
            border-radius: 4px;
            margin-right: 10px;
            font-size: 14px;
            &:nth-child(2){
                border: 1px solid #dae0e0;
                background: #fff;
                color: #202020;
            }
        }
    }
    .bob-systemPopup1{
        table{
            td,th{
                height: 40px;
                line-height: 40px;
                text-align: left;
                padding-left: 20px; 
                border: 1px solid #eee;
            }
        }
    }
    .bob-systemPopup2{
        .w50{
            width: 50%;
            margin-bottom: 20px;
            height: 40px;
            line-height: 40px;
            padding-left: 14px;
           .w50-l{
               width: 100px;
           } 
           .el-input{
               width: 240px;
           }
        }
        .bob-systemPopup2-top{
            font-size: 20px;
            margin-bottom: 20px;
        }
        .bob-systemPopup2-bot{
            height: 40px;
            line-height: 40px;
            padding-left: 114px;
            span{
                width: 78px;
                height: 32px;
                line-height: 32px;
                text-align: center;
                background: #0db4b9;
                cursor: pointer;
                color: #ffffff;
                border-radius: 4px;
                margin-right: 10px;
                font-size: 14px;
                display: inline-block;
                &:nth-child(1){
                    border: 1px solid #dae0e0;
                    background: #fff;
                    color: #202020;
                }
            }
        }
    }
}
.bob-systemPopups{
    width: 786px;
}